<!DOCTYPE html>
<html>
<head>
  <title>Myshop</title>
  <%= stylesheet_link_tag    'admin', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'admin', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>
  <div class="nav-drawer">
    <div class="nav-drawer-pannel nav-drawer-pannel-primary">
      <header role="banner" class="nav-drawer-logo"></header>
      <div class="nav-drawer-search-container">
        <div class="nav-item">
          <span class="glyphicon glyphicon-search"></span>
          <span class="nav-item-span-text">Search</span>
        </div>
      </div>
      <ul class="nav-drawer-primary-menus">
        <li>
          <a class="nav-item">
            <span class="glyphicon glyphicon-home"></span>
            <span class="nav-item-span-text">Home</span>
          </a>
        </li>
        <li>
          <a class="nav-item nav-item-has-submenus" data-sub-menus="orders">
            <span class="glyphicon glyphicon-check"></span>
            <span class="nav-item-span-text">Orders</span>
            <span class="glyphicon glyphicon-menu-right"></span>
          </a>
        </li>
        <li>
          <a class="nav-item nav-item-has-submenus" data-sub-menus="products">
            <span class="glyphicon glyphicon-tags"></span>
            <span class="nav-item-span-text">Products</span>
            <span class="glyphicon glyphicon-menu-right"></span>
          </a>
        </li>
        <li>
          <a class="nav-item">
            <span class="glyphicon glyphicon-user"></span>
            <span class="nav-item-span-text">Customers</span>
          </a>
        </li>
        <li>
          <a class="nav-item">
            <span class="glyphicon glyphicon-stats"></span>
            <span class="nav-item-span-text">Reports</span>
          </a>
        </li>
        <li>
          <a class="nav-item">
            <span class="glyphicon glyphicon-scissors"></span>
            <span class="nav-item-span-text">Discounts</span>
          </a>
        </li>
        <li>
          <a class="nav-item nav-item-has-submenus">
            <span class="glyphicon glyphicon-globe"></span>
            <span class="nav-item-span-text">Online Store</span>
            <span class="glyphicon glyphicon-menu-right"></span>
          </a>
        </li>
        <li>
          <a class="nav-item">
            <span class="glyphicon glyphicon-phone"></span>
            <span class="nav-item-span-text">Apps</span>
          </a>
        </li>
        <li>
          <a class="nav-item nav-item-has-submenus" data-sub-menus="settings">
            <span class="glyphicon glyphicon-cog"></span>
            <span class="nav-item-span-text">Settings</span>
            <span class="glyphicon glyphicon-menu-right"></span>
          </a>
        </li>
      </ul>
    </div>
    <div class="nav-drawer-pannel nav-drawer-pannel-secondary">
      <ul class="nav-sub-menus nav-sub-menus-orders">
        <li class="nav-header">ORDERS</li>
        <li>
          <a class="nav-item">
            Orders
          </a>
        </li>
        <li>
          <a class="nav-item">
            Drafts
          </a>
        </li>
        <li>
          <a class="nav-item">
            Abandoned checkouts
          </a>
        </li>
      </ul>
      <ul class="nav-sub-menus nav-sub-menus-products">
        <li class="nav-header">PRODUCTS</li>
        <li>
          <a class="nav-item">
            Products
          </a>
        </li>
        <li>
          <a class="nav-item">
            Transfers
          </a>
        </li>
        <li>
          <a class="nav-item">
            Inventory
          </a>
        </li>
      </ul>
      <ul class="nav-sub-menus nav-sub-menus-settings">
        <li class="nav-header">SETTINGS</li>
        <li>
          <a class="nav-item">
            General
          </a>
        </li>
        <li>
          <a class="nav-item">
            Payments
          </a>
        </li>
        <li>
          <a class="nav-item">
            Checkout
          </a>
        </li>
      </ul>
    </div>
  </div>

  <main id="pageContent">
    <div id="pageContentHeader">
      <div id="pageContentHeaderInner">
        <h1 class="header">Products</h1>
        <div class="header-primary-actions">
          <a class="btn btn-primary" href="">Create Order</a>
        </div>
      </div>
    </div>

    <div id="pageContentBody">
      <%= yield %>
    </div>
  </main>

</body>
</html>
